<div class="about-view-container animated fadeInLeft">
  <div class="full-banner">
    <!--<img src="assets/images/about-view/banner/about-view-banner05.jpg" alt="">-->
  </div>
  <div class="about-view-category">
    <app-tab-navbar [(currentItemIndex)]="currentTabIndex" [items]="items"></app-tab-navbar>
  </div>
  <!--about company-->
  <div *ngIf="currentTabIndex == 0">
    <div class="about-view-content">
      <div class="pc-width">
        <img class="quote-left" src="assets/images/about-view/quote_before.png">
        <p>{{msg}}</p>
        <img class="quote-right" src="assets/images/about-view/quote_after.png">
      </div>
    </div>
    <div class="pc-width about-view-introduce">
      <div class="introduce-title">
        <app-title [titleCpt]="aboutViewTitleCptList[0]"></app-title>
      </div>
      <app-introduce [content]="contents"></app-introduce>
    </div>
  </div>
  <!--about corporate culture-->
  <div class="corporate-culture" *ngIf="currentTabIndex == 1">
    <div class="bg-container">
        <div class="pc-width content-box clearfix">
          <div class="vision fl">
            <div class="title">
              <app-title [titleCpt]="aboutViewTitleCptList[1]"></app-title>
            </div>
            <div class="content">
              <p>成为公寓服务领域的一流企业，以更专业、具有市场竞争力的公寓产品立足于公寓服务领域。</p>
            </div>
          </div>
          <div class="mission fl">
            <div class="title">
              <app-title [titleCpt]="aboutViewTitleCptList[2]"></app-title>
            </div>
            <div class="content">
              <p>为创业的年轻菁英提供居住舒适、配套齐全，有家的氛围的公寓社区产品。成为社会尊重、员工满意、股东与客户价值最大化的企业</p>
            </div>
          </div>
        </div>
    </div>
    <div class="pc-width corporate-introduce">
      <div class="title">
        <app-title [titleCpt]="aboutViewTitleCptList[3]"></app-title>
      </div>
      <div class="core-value">
        <app-introduce [content]="cores"></app-introduce>
      </div>
      <div style="clear: both"></div>
    </div>
  </div>
  <!--about advantage-->
  <div class="advantage" *ngIf="currentTabIndex == 2">
    <div class="pc-width advantage-content clearfix">
      <div *ngFor="let advantage of advantages" class="content-item fl" [ngStyle]="{left: advantage.left}">
        <div class="title">
          <p>{{advantage.title}}</p>
        </div>
        <div class="keyword" [ngStyle]="{color: advantage.keywordColor}">
          <span class="wfwficon-advantage_up"></span>
          <span class="font_24">{{advantage.keyword}}</span>
          <span class="wfwficon-advantage_down"></span>
        </div>
        <div class="content">
          <p>{{advantage.content}}</p>
        </div>
      </div>
    </div>
  </div>
  <div class="join-us pc-width clearfix" *ngIf="currentTabIndex == 3">
    <div class="recruit-items fr">
      <a href="javascript:;"
         *ngFor="let item of recruitItems"
         (click)="toggle(item)"
         [ngClass]="{active: item.isActive==true}">{{item.name}}</a>
    </div>
    <div *ngIf="recruitItems[0].isActive==true" class="recruit-requirement fl" >
      <div>
        <p class="title">职位诱惑：</p>
        <p>可带宠物上班 员工旅游 领导好 气氛融洽</p>
        <p>职位描述：<b>市场</b></p>
      </div>
      <div>
        <p class="title">岗位职能：</p>
        <p>1、负责公司移动端产品的视觉和交互设计，包括图形、图标等GUI要素；</p>
        <p>2、与产品设计团队合作，不断改善产品；</p>
        <p>3、与开发人员合作，根据产品需求，提交开发所需的UI交互设计稿。</p>
      </div>
      <div>
        <p class="title">岗位要求：</p>
        <p>你是一名优秀的设计师(视觉+ 一定的交互经验),</p>
        <p>我们希望你在完成设计稿之外，对产品有独到的见解和前瞻性，并且你主动把自己的想法和团队交流分享</p>
        <p>你是手机控，关注90后对移动端APP的使用习惯，喜(chi)欢(mi)尝试每个新APP，并分析他设计背后的故事。</p>
        <p>善于用视觉来表达想法，有用户体验设计全过程经验，熟悉用户体验研究过程和方法。</p>
        <p>你可能在大公司做了1-3年UI设计，亦或是自己设计过手机端APP，请在提交简历时，务必放入自己作品或作品链接</p>
      </div>
    </div>
    <div *ngIf="recruitItems[1].isActive==true" class="recruit-requirement fl">
      <div>
        <p class="title">职位诱惑：</p>
        <p>可带宠物上班 员工旅游 领导好 气氛融洽</p>
        <p>职位描述：<b>运营</b></p>
      </div>
      <div>
        <p class="title">岗位职能：</p>
        <p>1、负责公司移动端产品的视觉和交互设计，包括图形、图标等GUI要素；</p>
        <p>2、与产品设计团队合作，不断改善产品；</p>
        <p>3、与开发人员合作，根据产品需求，提交开发所需的UI交互设计稿。</p>
      </div>
      <div>
        <p class="title">岗位要求：</p>
        <p>你是一名优秀的设计师(视觉+ 一定的交互经验),</p>
        <p>我们希望你在完成设计稿之外，对产品有独到的见解和前瞻性，并且你主动把自己的想法和团队交流分享</p>
        <p>你是手机控，关注90后对移动端APP的使用习惯，喜(chi)欢(mi)尝试每个新APP，并分析他设计背后的故事。</p>
        <p>善于用视觉来表达想法，有用户体验设计全过程经验，熟悉用户体验研究过程和方法。</p>
        <p>你可能在大公司做了1-3年UI设计，亦或是自己设计过手机端APP，请在提交简历时，务必放入自己作品或作品链接</p>
      </div>
    </div>
    <div *ngIf="recruitItems[2].isActive==true" class="recruit-requirement fl">
      <div>
        <p class="title">职位诱惑：</p>
        <p>可带宠物上班 员工旅游 领导好 气氛融洽</p>
        <p>职位描述：<b>平面设计师</b></p>
      </div>
      <div>
        <p class="title">岗位职能：</p>
        <p>1、负责公司移动端产品的视觉和交互设计，包括图形、图标等GUI要素；</p>
        <p>2、与产品设计团队合作，不断改善产品；</p>
        <p>3、与开发人员合作，根据产品需求，提交开发所需的UI交互设计稿。</p>
      </div>
      <div>
        <p class="title">岗位要求：</p>
        <p>你是一名优秀的设计师(视觉+ 一定的交互经验),</p>
        <p>我们希望你在完成设计稿之外，对产品有独到的见解和前瞻性，并且你主动把自己的想法和团队交流分享</p>
        <p>你是手机控，关注90后对移动端APP的使用习惯，喜(chi)欢(mi)尝试每个新APP，并分析他设计背后的故事。</p>
        <p>善于用视觉来表达想法，有用户体验设计全过程经验，熟悉用户体验研究过程和方法。</p>
        <p>你可能在大公司做了1-3年UI设计，亦或是自己设计过手机端APP，请在提交简历时，务必放入自己作品或作品链接</p>
      </div>
    </div>
    <div *ngIf="recruitItems[3].isActive==true" class="recruit-requirement fl">
      <div>
        <p class="title">职位诱惑：</p>
        <p>可带宠物上班 员工旅游 领导好 气氛融洽</p>
        <p>职位描述：<b>UI设计师</b></p>
      </div>
      <div>
        <p class="title">岗位职能：</p>
        <p>1、负责公司移动端产品的视觉和交互设计，包括图形、图标等GUI要素；</p>
        <p>2、与产品设计团队合作，不断改善产品；</p>
        <p>3、与开发人员合作，根据产品需求，提交开发所需的UI交互设计稿。</p>
      </div>
      <div>
        <p class="title">岗位要求：</p>
        <p>你是一名优秀的设计师(视觉+ 一定的交互经验),</p>
        <p>我们希望你在完成设计稿之外，对产品有独到的见解和前瞻性，并且你主动把自己的想法和团队交流分享</p>
        <p>你是手机控，关注90后对移动端APP的使用习惯，喜(chi)欢(mi)尝试每个新APP，并分析他设计背后的故事。</p>
        <p>善于用视觉来表达想法，有用户体验设计全过程经验，熟悉用户体验研究过程和方法。</p>
        <p>你可能在大公司做了1-3年UI设计，亦或是自己设计过手机端APP，请在提交简历时，务必放入自己作品或作品链接</p>
      </div>
    </div>
    <div *ngIf="recruitItems[4].isActive==true" class="recruit-requirement fl">
      <div>
        <p class="title">职位诱惑：</p>
        <p>可带宠物上班 员工旅游 领导好 气氛融洽</p>
        <p>职位描述：<b>平面设计师</b></p>
      </div>
      <div>
        <p class="title">岗位职能：</p>
        <p>1、负责公司移动端产品的视觉和交互设计，包括图形、图标等GUI要素；</p>
        <p>2、与产品设计团队合作，不断改善产品；</p>
        <p>3、与开发人员合作，根据产品需求，提交开发所需的UI交互设计稿。</p>
      </div>
      <div>
        <p class="title">岗位要求：</p>
        <p>你是一名优秀的设计师(视觉+ 一定的交互经验),</p>
        <p>我们希望你在完成设计稿之外，对产品有独到的见解和前瞻性，并且你主动把自己的想法和团队交流分享</p>
        <p>你是手机控，关注90后对移动端APP的使用习惯，喜(chi)欢(mi)尝试每个新APP，并分析他设计背后的故事。</p>
        <p>善于用视觉来表达想法，有用户体验设计全过程经验，熟悉用户体验研究过程和方法。</p>
        <p>你可能在大公司做了1-3年UI设计，亦或是自己设计过手机端APP，请在提交简历时，务必放入自己作品或作品链接</p>
      </div>
    </div>
  </div>
</div>

